<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Document</title>
</head>
<style>
    td {
        width: 50px;
    }

    tr {
        height: 50px;
    }
    tr:last-child td {
        vertical-align: bottom;
        text-align: center;
    }
    tr:first-child td:last-child {
        vertical-align: top;
        text-align: right;
    }
    tr:nth-child(2) td:last-child {
        vertical-align: middle;
        text-align: center;
    }
    div {
        width: 1300px;
        margin: 0 auto;
    }
    table {
        margin: 0 auto;
    }
</style>

<body>
    <script>
    </script>
    <div>
        <table border="1px">
            <tr>
                <td colspan="2">*</td>
                <td rowspan="2">*</td>
            </tr>
            <tr>
                <td rowspan="2">*</td>
                <td>*</td>
            </tr>
            <tr>
                <td colspan="2">*</td>
            </tr>
        </table>
    </div>
</body>

</html>